<template>
  <div class="libdocument">
    <div class="newest">
      <div class="ant-card-body">顾客满意度调查表</div>
      <table border="1px" id="staffBmTable">
        <tr>
          <td style="width: 10%">顾客名称</td>
          <td style="width: 16%">
            <el-input v-model="form.customer"></el-input>
          </td>
          <td style="width: 10%">联系电话</td>
          <td style="width: 16%">
            <el-input v-model="form.phone"></el-input>
          </td>
        </tr>
        <tr>
          <td style="width: 10%">通讯地址</td>
          <td style="width: 16%">
            <el-input v-model="form.address"></el-input>
          </td>
          <td style="width: 10%">邮编</td>
          <td style="width: 16%">
            <el-input v-model="form.emaillist"></el-input>
          </td>
        </tr>
        <tr>
          <td style="width: 10%">调查时间段</td>
          <td style="width: 16%">
            <el-input v-model="form.surveydate"></el-input>
          </td>
          <td style="width: 10%">调查人</td>
          <td style="width: 16%">
            <el-input v-model="form.Investigator"></el-input>
          </td>
        </tr>
        <tr>
          <td colspan="4" style="height: 40px">调查情况</td>
        </tr>
      </table>
      <table border="1px" id="staffBmTable">
        <tr style="height: 40px">
          <td>序号</td>
          <td style="width: 180px">项目</td>
          <td>很满意（分）</td>
          <td>满意（分）</td>
          <td>一般（分）</td>
          <td>不满意（分）</td>
          <td>很不满意（分）</td>
        </tr>
        <tr style="height: 40px">
          <td>1.</td>
          <td>产品质量状况</td>
          <td><el-radio v-model="quality" label="30">30</el-radio></td>
          <td><el-radio v-model="quality" label="25">25</el-radio></td>
          <td><el-radio v-model="quality" label="20">20</el-radio></td>
          <td><el-radio v-model="quality" label="15">15</el-radio></td>
          <td><el-radio v-model="quality" label="10">10</el-radio></td>
        </tr>
        <tr style="height: 40px">
          <td>2.</td>
          <td>产品交付情况</td>
          <td><el-radio v-model="delivery" label="20">20</el-radio></td>
          <td><el-radio v-model="delivery" label="18">18</el-radio></td>
          <td><el-radio v-model="delivery" label="12">12</el-radio></td>
          <td><el-radio v-model="delivery" label="8">8</el-radio></td>
          <td><el-radio v-model="delivery" label="4">4</el-radio></td>
        </tr>
        <tr style="height: 40px">
          <td>3.</td>
          <td>产品包装/运输</td>
          <td><el-radio v-model="packaging" label="10">10</el-radio></td>
          <td><el-radio v-model="packaging" label="8">8</el-radio></td>
          <td><el-radio v-model="packaging" label="6">6</el-radio></td>
          <td><el-radio v-model="packaging" label="4">4</el-radio></td>
          <td><el-radio v-model="packaging" label="2">2</el-radio></td>
        </tr>
        <tr style="height: 40px">
          <td>4.</td>
          <td>服务质量情况</td>
          <td><el-radio v-model="service" label="10">10</el-radio></td>
          <td><el-radio v-model="service" label="8">8</el-radio></td>
          <td><el-radio v-model="service" label="6">6</el-radio></td>
          <td><el-radio v-model="service" label="4">4</el-radio></td>
          <td><el-radio v-model="service" label="2">2</el-radio></td>
        </tr>
        <tr style="height: 40px">
          <td>5.</td>
          <td>顾客反馈信息处理情况</td>
          <td><el-radio v-model="feedback" label="10">10</el-radio></td>
          <td><el-radio v-model="feedback" label="8">8</el-radio></td>
          <td><el-radio v-model="feedback" label="6">6</el-radio></td>
          <td><el-radio v-model="feedback" label="4">4</el-radio></td>
          <td><el-radio v-model="feedback" label="2">2</el-radio></td>
        </tr>
        <tr style="height: 40px">
          <td>6.</td>
          <td>企业配合情况</td>
          <td><el-radio v-model="Enterprise" label="10">10</el-radio></td>
          <td><el-radio v-model="Enterprise" label="8">8</el-radio></td>
          <td><el-radio v-model="Enterprise" label="6">6</el-radio></td>
          <td><el-radio v-model="Enterprise" label="4">4</el-radio></td>
          <td><el-radio v-model="Enterprise" label="2">2</el-radio></td>
        </tr>
        <tr style="height: 40px">
          <td>7.</td>
          <td>对其他工作质量意见</td>
          <td><el-radio v-model="profile" label="10">10</el-radio></td>
          <td><el-radio v-model="profile" label="8">8</el-radio></td>
          <td><el-radio v-model="profile" label="6">6</el-radio></td>
          <td><el-radio v-model="profile" label="4">4</el-radio></td>
          <td><el-radio v-model="profile" label="2">2</el-radio></td>
        </tr>
        <tr style="height: 40px">
          <td colspan="2">合 计（分）</td>
          <td colspan="5"><el-input v-model="form.combined"></el-input></td>
        </tr>
        <tr style="height: 120px">
          <td colspan="2">建议或意见：</td>
          <td colspan="5">
            <el-input
              v-model="form.opinion"
              type="textarea"
              :rows="5"
            ></el-input>
          </td>
        </tr>

        <tr>
          <td rowspan="2" colspan="2">顾客签名（盖章）：</td>
          <td colspan="5"><el-input v-model="form.signature"></el-input></td>
        </tr>
        <tr>
          <td colspan="5" style="text-align: right">
            <el-date-picker
              v-model="nativeDate"
              type="date"
              placeholder="选择日期"
            >
            </el-date-picker>
          </td>
        </tr>
        <tr>
          <td colspan="7" style="text-align: left; padding-left: 30px">
            <p>
              备注：<br />
              1、每年进行一次顾客满意度调查。<br />
              2、由顾客填写，以打“√”方式进行。<br />
              3、顾客满意度计算办法：满意程度＝调查总得分／总反馈客户数。
            </p>
          </td>
        </tr>
      </table>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {
        customer: "",
        phone: "",
        address: "",
        emaillist: "",
        surveydate: "",
        Investigator: "",
        combined: "", //合计分
        opinion: "", //意见
        signature: "", //签名盖章
        nativeDate: "",
      },
      quality: "", //产品质量
      delivery: "", //产品交付
      packaging: "", //产品包装/运输
      service: "", //服务质量情况
      feedback: "", //顾客反馈信息处理情况
      Enterprise: "", //企业配合情况
      profile: "", //对其他工作质量意见
    };
  },
};
</script>
<style scoped>
.libdocument {
  width: 100%;
  height: 100%;
}
.newest {
  width: 750px;
  height: 100%;
  border: 1px solid #fff;
  box-shadow: 0 0 1px 1px #aaa, 3px 0 5px 0 #aaa, 0 4px 7px 0 #aaa;
  margin: 20px auto;
}
table {
  border-collapse: collapse;
}
.ant-card-body {
  margin-top: 5px;
  font-weight: 700;
  height: 43px;
  line-height: 43px;
  text-align: center;
  display: block;
  color: #000;
  font-size: 25px;
}
#staffBmTable {
  width: 100%;
  font-size: 15px;
  text-align: center;
}
</style>